<script lang='ts' setup>
import { Delete } from "@element-plus/icons-vue";
import { IFormItem } from "../../../type";
// TODO: 自定义switch选项
// TODO: switch选项文本是否显示
interface IProps {
  item: IFormItem
}
interface IEmit {
  (event: "update:item", data: any): void
  (event: "fixData", data: any): void
}
const props = defineProps<IProps>()
const emit = defineEmits<IEmit>()

function resetDefault() {
  props.item.defaultValue = undefined
}
</script>

<template>
  <!-- <el-form-item label="选项宽度">
      <el-input-number v-model="item.optionWidth" :step="10" :controls="true" />
    </el-form-item>

    <el-form-item label="选项设置">
      <el-radio-group v-model="item.defaultValue">
        <el-radio v-for="(option, index) in item.options" :key="index" :label="option.value">
          <el-input v-model="option.value" placeholder="请输入选项key" style="width: 100px;" />
          <el-input v-model="option.label" placeholder="请输入选项标签" style="width: 100px;" />
        </el-radio>
      </el-radio-group> -->

  <!--  增加选项  -->
  <!-- <el-row style="margin-top: 1rem;width: 100%;">
        <el-button text size="small" type="warning" @click="resetDefault">重置默认值</el-button>
      </el-row>
    </el-form-item> -->
</template>

<style lang='scss' scoped></style>